<template>
  <div class="download">
  <nav>
    <div class="left">
      <van-icon name="arrow-left" />
    </div>
    <div class="right">
      <ul>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </nav>
  <div class="content">
    <div class="top">
      <p>下载现信APP？点击“在safari或浏览器中打开”</p>
    </div>
    <div class="content_img">
      <img src="../assets/images/ic_xianxin.png" alt="">
    </div>
    <div class="middle">
      <img src="../assets/images/xianxin.png" alt="">
    </div>
    <div class="content_bt">
      <p>现信，发现营销新方式</p>
      <p>现信，是商务社交的航空母舰</p>
    </div>
     <div class="btn">
       <img src="../assets/images/android.png" alt="" @click="toAndro">
       <img src="../assets/images/appstore.png" alt=""  @click="toIphone">
     </div>
  </div>
   <!-- <div class="content">
     <div class="pic"><img src="../assets/images/download.png" alt=""></div>
     <div class="btn">
       <img src="../assets/images/andro.png" alt="" @click="toAndro">
       <img src="../assets/images/iphone.png" alt=""  @click="toIphone">
     </div>
   </div> -->
  </div>
</template>
<script>
export default {
  name: "download",
  data() {
    return {
     
    };
  },
  mounted() {
    
  },
  methods: {
    onClickLeft() {
      this.$router.back();
    },
    toAndro(){
      window.location.href="https://www.pgyer.com/XfOZ";
    },
    toIphone(){
      window.location.href="https://apps.apple.com/cn/app/id1463259241";
    }

    
    
  }
};
</script>
<style scoped>
.download {
  height: 100vh;
}
nav {
  height: .46rem;
  background: #fff;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 .15rem .09rem .15rem;
}
.right {
  height: .14rem;
  display: flex;
  align-items: center;
  width: .2rem;
}
.right ul {
  width: .2rem;
  height: .05rem;
  display: flex;
  justify-content: space-between;
}
.right ul li {
  display: block;
  width: 0.05rem;
  height: 100%;
  background-color: #000;
  border-radius: 50%;
}
.content {
  height: calc(100vh - 0.46rem);
  background: url(../assets/images/beijing11.png);
  background-size: 100% 100%;
}
.top {
  width: 2.92rem;
  height: .43rem;
  background: url(../assets/images/duihuakuang.png) no-repeat;
  background-size: 100% auto;
  margin-left: .64rem;
  text-align: center;
  padding-top: .19rem;
}
.top p {
  font-size: .13rem;
  color: #000;
  line-height: .13rem;
}
.content_img {
  width: 1.19rem;
  height: 1rem;
  margin: .54rem auto 0 ;
}
.content_img  img {
  width: 100%;
}
.middle {
  width: 2.5rem;
  height: .37rem;
  margin: .63rem auto 0 ;
}
.middle img {
  width: 100%;
}
.content_bt {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top:.64rem;
  line-height: .15rem;
}
.content_bt p {
  font-size: .15rem;
  color: #0a3942;
}
.content_bt p:first-child {
  margin-bottom: .2rem;
}
.btn {
  width:100%;
  margin-top:.73rem;
  padding:0 .3rem;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.btn img {
  width:1.4rem;
}
</style>


